var apidata;
$.ajax({
     url:apihost+"/api/rank/index",
     type:'POST', //GET
     async:true,    //或false,是否异步
     data:{
        login:login,player:player
     },
     timeout:5000,    //超时时间
     dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
/*     beforeSend:function(xhr){
         console.log(xhr);
         console.log('发送前');
     },*/
     success:function(data){
        apidata=data;
        strreplace('level');
     },
/*     error:function(xhr,textStatus){
         console.log('错误');
         console.log(xhr);
         console.log(textStatus);
     },*/
/*     complete:function(){
         console.log('结束');
     }*/
 });

function strreplace(type) {
    var data=apidata.data[type];
    var img1=apidata.data[type].data[0].award_image ? "src='images/"+apidata.data[type].data[0].award_image+".png'" :'';
    var img2=apidata.data[type].data[1].award_image ? "src='images/"+apidata.data[type].data[1].award_image+".png'" :'';
    var img3=apidata.data[type].data[2].award_image ? "src='images/"+apidata.data[type].data[2].award_image+".png'" :'';
    var str_thead="<table><thead id='info_th'><tr><th>排名</th><th>昵称</th><th>职业</th><th>奖励</th></tr></thead><tbody id='info'>";
    var str_img="<img "+img1+" style='position:absolute;top:45px;right:41px;z-index:1;'><img "+img2+" style='position: absolute; top: 83px; right: 41px;z-index:1;'><img "+img3+" style='position: absolute; top: 121px; right: 41px;z-index:1;'>";
    var str_tbody='';
    var race='';var sex='';
    for(var i=0;i<10;i++){
        switch(data.data[i].race){
            case '0':
                race='修罗';
                break;
            case '1':
                race='精灵';
                break;
            case '2':
                race='矮人';
                break;
        }
        switch(data.data[i].sex){
            case '1':
                sex='女';
                break;
            case '2':
                sex='男';
                break;
        }
        var num=i+1;
        var award=data.data[i].award_name ? data.data[i].award_name : '';
        str_tbody+='<tr><td>'+ num +'</td><td>'+data.data[i].name+'</td><td>'+race+sex+'</td><td>'+award+'</td></tr>';
    }
    var myinfo=data.me ?data.me: '-';
    var str_end='</tbody></table><div class="ranks">您的当前排名为：<span name=rank type='+type+'>'+myinfo+'</span></div><div class="rankNum"><p></p><p></p><p></p></div>';
    $(".right").html(str_thead+str_img+str_tbody+str_end);
    if(data.ifaward==0){
      $(".btn").hide();
    }else{
      $(".btn").show();
    }
}


var receiveAward = true;//玩家奖励领取情况 字段
var imgSrc = ['./img/award1.png','./img/award2.png','./img/award3.png']; //前三名奖励品展示图
$(document).ready(function () {
	//左侧部分	
    // 绑定元素点击事件 右侧导航部分
    $(".img1").show();
    $(".img2").hide();
    $(".left li a").click(function(){  	
      // 判断对象是显示还是隐藏
      if ($(this).parent(".left li").children(".menu1").is(":hidden")) {
      // 隐藏
        $(this).children(".img1").hide();
        $(this).children(".img2").show();
        $(".left li a").not($(this)).parent(".left li").children(".left_li1_top").children(".img2").hide();
        $(".left li a").not($(this)).parent(".left li").children(".left_li1_top").children(".img1").show();
        if (!$(this).parent(".left li").children(".menu1").is("animated")) {            
        //如果当前没有进行动画，则添加新动画
            $(this).parent(".left li").children(".menu1").animate({
          height:'show'
        },300)
        .end().siblings().find(".menu1").hide(10);
      }
    } else {
      // 显示
        $(this).parent(".left li").children(".left_li1_top").children(".img1").show();
        $(this).parent(".left li").children(".left_li1_top").children(".img2").hide();
        if (!$(this).parent(".left li").children(".menu1").is("animated")) {
            $(this).parent(".left li").children(".menu1").animate({
	          height:'hide'
	        },300)
        .end().siblings().find(".menu1").hide(10);
      }
    }
  });
  //阻止事件冒泡，子元素不再继承父元素的点击事件
  $(".menu1").click(function(e){
    e.stopPropagation();
  });
  //点击子菜单为子菜单添加样式，并移除所有其他子菜单样式
  $(".left .left_li1 .menu1 .menu1_block").click(function(){
    //设置当前菜单为选中状态的样式，并移除同类同级别的其他元素的样式
    $(this).addClass("removes").siblings().removeClass("removes");
    //遍历获取所有父菜单元素
    $(".menu1").each(function(){
      if ($(this).is(":hidden")) {
        $(this).children(".menu1_block").removeClass("removes");
      }
    });
  });
//  点击左侧一级菜单,添加选中状态样式,并移除所有其他菜单样式
	$('.left .left_li1 .left_li1_top').click(function(){
		$(this).addClass('one_removes') //给当前元素添加"one_removes"样式
		.next().slideDown() //下一个元素显示
		.parent().siblings().children('a').removeClass('one_removes')//父元素的兄弟元素的子元素去除"one_removes"样式
		.next().slideUp(); //隐藏	
		$(this).children(".menu1_block").eq(0).addClass("removes").siblings().removeClass("removes");
		$(this).parent().children('.menu1').children('.menu1_block').eq(0)
		.addClass('removes').siblings().removeClass('removes');
		return false; //阻止默认时间
	});
	
//	初始排行榜状态,停留在等级/总览
    
	
//	点击 等级
	$('.left_li1_top').first().click(function(){
		//navPage(data.level,'level');
        strreplace('level');
	});
//	点击 总览
	$('.menu1').eq(0).children('li').first().click(function(){
		strreplace('level');
	});
//	点击 修罗
	$('.menu1').eq(0).children('li').eq(1).click(function(){		
		strreplace('race0');
	});
//	点击 精灵
	$('.menu1').eq(0).children('li').eq(2).click(function(){		
		strreplace('race1');
	});
//	点击 矮人
	$('.menu1').eq(0).children('li').last().click(function(){
		strreplace('race2');
	});
//	点击 属性
	$('.left_li1_top').eq(1).click(function(){
		strreplace('str');
	});
//	点击 力量
	$('.menu1').eq(1).children('li').first().click(function(){
		strreplace('str');
	});
//	点击 敏捷
	$('.menu1').eq(1).children('li').eq(1).click(function(){
		strreplace('dex');
	});
//	点击 智力
	$('.menu1').eq(1).children('li').last().click(function(){
		strreplace('intel');
	});
//	点击 其他
	$('.left_li1_top').last().click(function(){
		strreplace('wealth');
	});
//	点击 财富
	$('.menu1').last().children('li').first().click(function(){
		strreplace('wealth');
	});
//	点击 犯罪
	$('.menu1').last().children('li').last().click(function(){
		strreplace('outlaw');
	});
	
	//右侧部分
//	奖励领取  点击按钮
	$(".btn").click(function(){
		if($(".promptBox").is(":hidden")){
			if (receiveAward == true) {
        var type=$("span[name=rank]").attr('type');
        $.get(apihost+"/api/rank/getaward",{login:login,player:player,type:type},function(data){
          console.log(data);
          if(data.status='true'){
            $("div[name=successbox]").show();
          }else{
            $("div[name=errorbox]").show();
          }
        });
//				$(".btn").css({
//					"background":"url(./img/button.png) -405px -478px no-repeat",
//					"width":"105px","height":"38px",
//				});
//				$(".btn").children("a").css({
//					"background":"url(./img/button.png) -102px -17px no-repeat",
//					"width":"45px","height":"17px",
//				});
//				$(this).addClass("removes").siblings().removeClass("removes");
				$(this).addClass("btnRemoves");
				$(this).children('a').addClass("btnAARemoves");
				receiveAward = false;
			} else{
				$(this).removeClass("btnRemoves");
//				$(this).children('a').removeClass("btnAARemoves");
//				receiveAward = true;
			}			
		}		
	});
//	弹框  确定 按钮
	$(".confirm").click(function(){
		$(".promptBox").hide();
//		$(".confirm").css({
//			"background":"url(./img/button.png) -215px 0px no-repeat",
//			"width": "90px","height": "30px"
//		});
//		$(".confirm a").css({
//			"background":"url(./img/button.png) -305px -32px no-repeat",
//			"width":"37px","height":"17px"
//		});
	});
//	弹框  关闭  按钮
	$(".closeBtn").click(function(){
		$(".promptBox").hide();
//		$(".closeBtn").css({
//			"background": "url(./img/button.png) -122px -78px no-repeat",
//			"width":"19px","height":"19px"
//		});
	});
//	玩家本身排名情况 
//	setInterval(function(){
//		$('.ranks').children('span').text(rankNum);
//	},1000);  	
});
